/***************全局样式文件*********/
* {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

html,
body,
#app,
#warpper {
    width: 100%;
    height: 100%;
}

/*为所有滚动条添加CSS*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/*为滚动条轨道添加样式*/
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/*为滚动条滑块添加样式*/
::-webkit-scrollbar-thumb {
    background: #C0C4CC;
    border-radius: 6px;
}

/*为活动的滚动条控件添加样式*/
::-webkit-scrollbar-thumb:hover {
    background: #909399;
}



/********* element-plus 开始*******/
.common-layout,
.is-vertical {
    height: 100% !important;
    width: 100%;
}

/*头部*/
.el-header {
    border-bottom: #2D435A solid 4px;
    height: 70px !important;
}

/*菜单侧边栏*/
.el-aside {
    background: #2D435A;
    overflow: hidden !important;
}

//菜单部分
.el-menu {
    background-color: #2D435A !important;
    border-right: 1px solid #2D435A !important;
    width: 100%;

    .el-menu-item,
    .el-submenu__title {
        color: #fff;
        font-size: 16px;
        font-weight: 530;
    }

    .el-submenu {
        .el-menu {
            .el-menu-item {
                font-size: 15px !important;
            }
        }
    }

    //选中菜单时的状态
    .el-menu-item.is-active {
        color: #fff;
        background-color: #58A7E8 !important;
    }

    .el-menu-item:focus,
    .el-menu-item:hover {
        color: #fff;
        background-color: #58A7E8 !important;
    }

    //鼠标经过菜单时的状态
    .el-menu-item:hover,
    .el-submenu__title:hover,
    .el-sub-menu__title:hover {
        background-color: #58A7E8 !important;
    }

    .is-opened .el-menu-item {
        // padding-left: 40px !important;
    }
}

/*底部*/
.el-footer {
    background: #E4E7ED;
}

.el-form-item__label {
    color: black !important;
    font-size: 14px;
    font-weight: 530;
}

.el-row {
    margin-bottom: 10px;
    margin-left: none !important;
    margin-right: none !important;
}

.table {
    table-layout: fixed !important;
}

.table td,
.table th {
    text-align: center !important;
}


.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px !important;
    text-align: center;
}

.avatar {
    width: 178px;
    height: 178px;
    display: block;
}

/*element-plus 结束*/

.head {
    overflow: hidden;
}